<html>
<head>
  <title>Devcathlon: Match Details</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">

<div class="entry">
<center>
<h2>Are You Mocking Me?</h2>
<p>
Breaks up all the activities involved in the match.

<br>
<h3>(January 1, 2009 - March 1, 2009)</h3> 
<img style="padding: 10px" width="400px" src="gallery1.gif"/><br><br>
<table width="461" border="1">
  <tr>
    <td>&nbsp;</td>
    <td><div align="center"><strong>Mockup1</strong></div></td>
    <td><div align="center"><strong>Mockup2</strong></div></td>
    <td><div align="center"><strong>Mockup3</strong></div></td>
  </tr>
  <tr>
    <td bordercolor="E9F0FF" bgcolor="E9F0FF"><strong>Week 1</strong></td>
    <td bordercolor="E9F0FF" bgcolor="E9F0FF"><div align="center">-20</div></td>
    <td bordercolor="E9F0FF" bgcolor="E9F0FF"><div align="center">-20</div></td>
    <td bordercolor="E9F0FF" bgcolor="E9F0FF"><div align="center">10</div></td>
  </tr>
  <tr>
    <td>Week 2</td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
  </tr>
  <tr>
    <td>Week 3</td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
  </tr>
</table>
<br>
<table>
<tr><td><center><b>Latest commentary (<a href="#">see all</a>)</b></center></td></tr>
<tr><td>Ahhh!!! must.... catch.... up.... <a href="myprofile.html">John</a>, 1/2/2009)</td></tr>
<tr><td>Sorry, couldn't start because I formatted and needed to reinstall sensors. (<a href="myprofile.html">Phillip L</a>, 1/3/2008)</td></tr>
</table>
</center>
</div>
<br>
<center>

<div id="profile">
<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong>Mockup1</strong></div></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center"><strong>Team Member</strong></div></td>
    <td width="98"><div align="center"><strong>Points</strong></div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td width="154">Anthony</td>
    <td><div align="center">-6.67</div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td>Aric</td>
    <td><div align="center">-6.67</div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td>Dan</td>
    <td><div align="center">-6.67</div></td>
  </tr>
</table>

<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong><a href="teammockup2.html">Mockup2</a></div>
    </strong></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center"><strong>Team Member</strong></div></td>
    <td width="98"><div align="center"><strong>Points</strong></div></td>
  </tr>
  <tr>
    <td width="52" height="50"><a href="myprofile.html"><img src="default.jpg"></a></td>
    <td width="154"><a href="myprofile.html">John</a></td>
    <td><div align="center"><a href="teammockup2.html">-6.67</a></div></td>
  </tr>
  <tr>
    <td width="52" height="50"><a href="philprofile.html"><img src="default.jpg"></a></td>
    <td><a href="philprofile.html">Phillip</a></td>
    <td><div align="center"><a href="teammockup2.html">-6.67</a></div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td>John</td>
    <td><div align="center"><a href="teammockup2.html">-6.67</a></div></td>
  </tr>
</table>

<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong>Mockup3</strong></div></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center"><strong>Team Member</strong></div></td>
    <td width="98"><div align="center"><strong>Points</strong></div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td width="154">Robin</td>
    <td><div align="center">3.33</div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td>John</td>
    <td><div align="center">3.33</div></td>
  </tr>
  <tr>
    <td width="52" height="50"><img src="default.jpg"></td>
    <td>Scheller</td>
    <td><div align="center">3.33</div></td>
  </tr>
</table>

</center>
<p/>
</div>

<div id="profile">
<p>
<center>
<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong>Mockup1's Recent Activity</strong></div></td>
  </tr>
  <tr>
    <td><div align="center"><strong>Event</strong></div></td>
    <td><strong>Team Member</strong></td>
    <td width="43"><div align="center"><strong>Pts</strong></div></td>
  </tr>
  <tr>
    <td width="129"><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
</table>

<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong>Mockup2's Recent Activity</strong></div></td>
  </tr>
  <tr>
    <td><div align="center"><strong>Event</strong></div></td>
    <td><strong>Team Member</strong></td>
    <td width="43"><div align="center"><strong>Pts</strong></div></td>
  </tr>
  <tr>
    <td width="129"><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
</table>

<table width="326" border="1" class="match">
  <tr>
    <td colspan="3"><div align="center"><strong>Mockup3's Recent Activity</strong></div></td>
  </tr>
  <tr>
    <td><div align="center"><strong>Event</strong></div></td>
    <td><strong>Team Member</strong></td>
    <td width="43"><div align="center"><strong>Pts</strong></div></td>
  </tr>
  <tr>
    <td width="129"><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
  <tr>
    <td><div align="center">-activity-</div></td>
    <td height="23"><div align="center">-member name-</div></td>
    <td><div align="center">-pts-</div></td>
  </tr>
</table>
<p><br><br><img src="projecthealths.jpg" width="961" height="105"></p>
</center>
</p>


<p>
Subscribe to this match via: <a href="#">email</a>, <a href="#">twitter</a>, <a href="#">RSS</a>.
</p>

</div>

<div id="footerFeedback">
<p> This is what the match page would look like.  It consists of </p>
<ul>
  <li>A scoreboard which shows the week by week score (w/ chart).</li>
  <li>Teams are separated into sections
    <ul>
      <li>Each team has a list of Most Recent Activities</li>
          <li>Click on the respective team to see all the records of a certain team</li>
      </ul>
  </li>
</ul>
<p></div>

</div> <!-- End id=page -->

</body>
</html>
